<template>
  <div>
        <h1 id="zz">relax</h1>
        <h1 ref="xx">happy</h1>
        <Domo ref="hhh"/>
  </div>
</template>

<script>
import Domo from './components/Domo.vue'
export default {
    components:{
        Domo
    },
    mounted(){
        console.log(document.querySelector('#zz'));
        console.log(this.$refs.xx);
        console.log(this.$refs.hhh.msg);
        this.$refs.hhh.fn()
        console.log(this.$refs.hhh.fn());
    }
}
</script>

<style>

</style>